<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .div{
            width: 300px;
            height: 300px;
            background-color: #f00;
        }
        .class{
            color: red;
        }
    </style>
</head>
<body class="body">

    <div class="div"></div>
    <div class="a"></div>
    <a href="" class="class">123</a>

    <script>

        // 变量命名规范
        //    必须使用字母，数字，下划线组成
        //    数字不能开头
        //    不能使用关键字和保留字
        //        关键字：在这门语言中有特殊作用的单词
        //        保留字：将来可能成为关键字

        //   见名知意  
        //   驼峰，下划线分隔
        //      小驼峰  nianLing  建议
        //      大驼峰  NianLing

        var age ;
        var nianLing ;
        var nian_ling ;
        var _age ;
        // var class ;
        // var new ;

        var _class ;
        var var_ ;
        var var1 ;
        var user_age ;
        var user_name ;        

    </script>
    
</body>
</html>